import { Route, Routes, BrowserRouter, HashRouter } from "react-router-dom";
import App from "../App";
import Cavans1 from "../components/demo";
import Invoices from "../components/demo1/index";
import Demo2 from "../components/demo2";
import Invoice from "../components/demo1/tiket";
import Notice from "../components/notice";
import Drx from '../components/demoRedux/index'
const Routers = () => {
  return (
    <HashRouter>
      <Routes>
        <Route exact={true} path="/" element={<App />}>
          {/* <Route path="/Demo2" element={<Demo2 />}></Route> */}
        </Route>
        <Route path="/Cavans" element={<Cavans1 />}></Route>
        <Route path="/Invoices" element={<Invoices />}>
         
        <Route
            index
            element={
              <main style={{ padding: "1rem" }}>
                <p>Select an invoice</p>
              </main>
            }
          />
          <Route path=":id" element={<Invoice />} />
        </Route>
        <Route path="*" element={<Demo2 />} />
        <Route path="/notice" element={<Notice/>}></Route>
        <Route path='/drx' element={<Drx/>}></Route>
      </Routes>
    </HashRouter>
  );
};
export default Routers;
